<%--<jsp:useBean id="user" scope="session" type="cumt.wxl.winterolympics.bean.User"/>--%>
<%--
  Created by IntelliJ IDEA.
  User: 1932260390
  Date: 2022/4/11
  Time: 20:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>冬奥项目</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.3,user-scalable=no,viewport-fit=cover">
    <meta name="screen-orientation" content="portrait">
    <link rel="stylesheet" href="../css/project.css">
    <link rel="stylesheet" href="../css/background.css">

</head>
<body>
    <div class="headerBg">
        <!-- 顶部大背景 头图 + 大焦点 -->
        <div id="headerBgImg">
            <p class="head-figure-bg"></p>
            <p class="banner-bg"></p>
        </div>
        <!-- 大焦点雪花动画 -->
        <div id="snowflake">
            <div class="snow"></div>
        </div>
    </div>
    <div class="TopMenubar">
        <div class="TopMain">
            <ul class="menubar">
                <li class="menuitem" menu-id="1" bold="0">
                    <a href="../out-servlet" title="首页" target="_blank">首页</a>
                </li>
                <li class="menuitem" id="menu_project" menu-id="2" bold="0">
                    <a href="./project.jsp" title="冬奥项目" target="_blank">项目</a>
                </li>
                <li class="menuitem" menu-id="3" bold="0">
                    <a href="./statistics.jsp" title="奖牌榜" target="_blank">奖牌榜</a>
                </li>
            </ul>
            <div class="TopUserInfo">
                <span class="TopUserId">欢迎您： ${user.username }</span>
                <span class="TopLoginOut"><a href="../out-servlet">退出登录</a></span>
            </div>
        </div>
    </div>
    <main>
        <div class="ProjectMain">
            <div class="ProjectTitle">冬奥项目</div>
            <div class="spilt"></div>
            <div class="ProjectContainer" data-spm="EDLQt7U8uEIv">
                <div class="container">
                    <ul>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/huayanghuabing_red.png" alt="" class="logo_red">
                                        <img src="../images/project/huayanghuabing_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">花样滑冰</div>
                                        <div class="name_english">Figure Skating</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/beiouliangxiang_red.png" alt="" class="logo_red">
                                        <img src="../images/project/beiouliangxiang_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">北欧两项</div>
                                        <div class="name_english">Nordic Combined</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/binghu_red.png" alt="" class="logo_red">
                                        <img src="../images/project/binghu_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">冰壶</div>
                                        <div class="name_english">Curling</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/bingqiu_red.png" alt="" class="logo_red">
                                        <img src="../images/project/bingqiu_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">冰球</div>
                                        <div class="name_english">Ice Hockey</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/danbanhuaxue_red.png" alt="" class="logo_red">
                                        <img src="../images/project/danbanhuaxue_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">单板滑雪</div>
                                        <div class="name_english">Snowboard</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/dongjiliangxiang_red.png" alt="" class="logo_red">
                                        <img src="../images/project/dongjiliangxiang_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">冬季两项</div>
                                        <div class="name_english">Biathlon</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/duandaosuhua_red.png" alt="" class="logo_red">
                                        <img src="../images/project/duandaosuhua_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">短道速滑</div>
                                        <div class="name_english">Short Track Speed Skating</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/gangjiaxueche_red.png" alt="" class="logo_red">
                                        <img src="../images/project/gangjiaxueche_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">钢架雪车</div>
                                        <div class="name_english">Skeleton</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/gaoshanhuaxue_red.png" alt="" class="logo_red">
                                        <img src="../images/project/gaoshanhuaxue_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">高山滑雪</div>
                                        <div class="name_english">Alpine Skiing</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="introduction.jsp" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/suduhuabing_red.png" alt="" class="logo_red">
                                        <img src="../images/project/suduhuabing_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">速度滑冰</div>
                                        <div class="name_english">Speed Skating</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/tiaotaihuaxue_red.png" alt="" class="logo_red">
                                        <img src="../images/project/tiaotaihuaxue_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">跳台滑雪</div>
                                        <div class="name_english">Ski Jumping</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/xueche_red.png" alt="" class="logo_red">
                                        <img src="../images/project/xueche_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">雪车</div>
                                        <div class="name_english">Bobsleigh</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/xueqiao_red.png" alt="" class="logo_red">
                                        <img src="../images/project/xueqiao_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">雪橇</div>
                                        <div class="name_english">Luge</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/yueyehuaxue_red.png" alt="" class="logo_red">
                                        <img src="../images/project/yueyehuaxue_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">越野滑雪</div>
                                        <div class="name_english">Cross-Country Skiing</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="project">
                                    <div class="icon">
                                        <img src="../images/project/ziyoushihauxue_red.png" alt="" class="logo_red">
                                        <img src="../images/project/ziyoushihauxue_white.png" alt="" class="logo_white">
                                    </div>
                                    <div class="text">
                                        <div class="name">自由式滑雪</div>
                                        <div class="name_english">Freestyle Skiing</div>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </main>
</body>
</html>
